const form = document.querySelector('.register-form')

const regname = /^[a-zA-Z0-9]{8,30}$/ //用户名正则
const regcode = /^[a-zA-Z0-9]{6,30}$/ //密码正则
const btnBox = document.querySelector('.btn-inner--text')//注册按钮
const unameBox = document.querySelector('#input-email')//用户名框
const codeBox = document.querySelector('#input-password')//密码框

//注册请求
async function getData() {
    const formData = serialize(form, { hash: true, empty: true })//序列化表单固定写法
    try {
        let res = await axios({
            url: '/register',
            method: 'POST',
            data: formData
        })
        console.log(res.data);
        
        pxmu.success('注册成功')

    } catch (err) {
        pxmu.fail('注册失败')
    }


}

btnBox.addEventListener('click', function (e) {
    e.preventDefault()//阻止默认事件

    //如果输入框内容为空，则提示用户
    if (!unameBox.value && !codeBox.value) {
        pxmu.fail('请输入用户名和密码')
    } else if (regname.test(unameBox.value) && regcode.test(codeBox.value)) {//如果输入框内容不为空，则调用注册接口
        //如果输入框内容不为空，则调用注册接口
        e.preventDefault()//阻止默认事件
        //注册成功后跳转登录页面
        getData()//调用接口函数
        window.location.href = 'login.html'

    } else {
        pxmu.fail('请输入正确的用户名和密码')
    }
})





